<template>
<h1>我们的第1155个view组件</h1>
  <p>{{manba}}</p>
  <h2>{{manba}}</h2>
  {{manba+'我能说什么?'}}
  <button @click="f()">按钮</button>
  <p>{{count}}</p>
  <button @click="manmore">点我+1</button>
  <p>{{james}}</p>
  <p v-text="james"></p>
  <p v-html="james"></p>
</template>


<script setup>

import {ref} from "vue";
const manba = ref('我是manba');
const f =()=>{
  console.log(manba.value);
  manba.value = '我被点击了';
}

const count = ref(0);

const manmore =()=>{
  count.value ++;

}
const james = ref('jamesyouareth<mark>eNbafin</mark>alsMVP');
</script>


<style scoped>

</style>